<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2344191_0bzeu3r0yikh.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/wen-index.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/rem.js"></script>
    <script src="./js/swiper.js"></script>
</head>

<body>
    <!-- 页头部分 -->
    <header class="headerbar">
        <div class="headerbar-left">
            <a href="#" class="navigation">
                <i class="iconfont icon-zuojiantou"></i>
            </a>
        </div>
        <!-- 个人中心 -->
        <div class="headerbar-center">
            <p class="headerbar-content">个人中心</p>
        </div>
        <div class="headerbar-left">
            <a href="#" class="navigation">
            </a>
        </div>

    </header>
    <!-- 内容区 -->
    <section class="main" style="background-image: url('https://img02.hua.com/m/member/center/backgroundv3.png');">

        <!-- 第三方登录区 -->
        <div class="userinformation">
            <div class="userinformation-one">
                <p class="userinformation-hi">Hi,欢迎来到花礼网</p>
                <p class="userinformation-not">
                    <a href="./wen-login.html">登录/注册</a>
                </p>
            </div>
        </div>
        <!-- 我的订单区 第一块-->
        <div class="panel">
            <div class="panel-head">
                <div class="panel-head-title">我的订单</div>
                <div class="panel-head-right">
                    <a href="./wen-login.html">
                        全部订单
                        <i class="iconfont icon-youjiantou"></i>
                    </a>
                </div>
            </div>
            <div class="panel-body">
                <div class="order-item">
                    <a href="javascript:;" class="navigation">
                        <img class="navigation-img" src="https://img02.hua.com/m/member/center/myinfo_pendingpay.png" alt="">
                        <p class="order-item-txt">待付款</p>
                    </a>
                </div>
                <div class="order-item">
                    <a href="javascript:;" class="navigation">
                        <img class="navigation-img" src="https://img02.hua.com/m/member/center/myinfo_distribution.png" alt="">
                        <p class="order-item-txt">今日配送</p>
                    </a>
                </div>
                <div class="order-item">
                    <a href="javascript:;" class="navigation">
                        <img class="navigation-img" src="https://img02.hua.com/m/member/center/myinfo_evaluation.png" alt="">
                        <p class="order-item-txt">待评价</p>
                    </a>
                </div>
            </div>
        </div>
        <!-- 我的订单区 第二块-->
        <div class="panel">
            <div class="linkbox">
                <div class="panel-body">
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-youhuiquan "></p>
                            <p class="linkbox-item-txt">待付款</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-kabao "></p>
                            <p class="linkbox-item-txt">权益卡</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-yue "></p>
                            <p class="linkbox-item-txt">余额</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-zuanshi"></p>
                            <p class="linkbox-item-txt">会员中心</p>
                        </a>
                    </div>

                </div>
            </div>
            <div class="linkbox">
                <div class="panel-body">
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-daohang- "></p>
                            <p class="linkbox-item-txt">收货地址</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-clock "></p>
                            <p class="linkbox-item-txt">生日纪念提醒</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-wujiaoxing "></p>
                            <p class="linkbox-item-txt">我的收藏</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-lishijilu"></p>
                            <p class="linkbox-item-txt">浏览记录</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <!-- 我的订单区 第三块-->
        <div class="panel">
            <div class="linkbox">
                <div class="panel-body">
                    <div class="linkbox-item">
                        <a href="./kefu.html" class="navigation">
                            <p class="iconfont icon-erji "></p>
                            <p class="linkbox-item-txt">联系客服</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-zu1770 "></p>
                            <p class="linkbox-item-txt">帮助中心</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-guanyu "></p>
                            <p class="linkbox-item-txt">关于花礼</p>
                        </a>
                    </div>
                    <div class="linkbox-item">
                        <a href="javascript:;" class="navigation">
                            <p class="iconfont icon-shezhi"></p>
                            <p class="linkbox-item-txt">设置</p>
                        </a>
                    </div>

                </div>
            </div>

        </div>
        <!-- 我的订单区 第四块-->
        <div class="panel">
            <div class="wxguanjia">
                <!-- 111 -->
                <div class="wxguanjia-img">
                    <img src="https://img02.hua.com/m/images/wxguanjia-kf.png" alt="">
                </div>
                <!-- 222 -->
                <p class="wxguanjia-content">
                    Hi~我是您的专属助理喜棠，可以给您推荐礼物和跟踪订单，有需求时，1对1帮您⾛绿⾊通道处理~
                </p>
                <!-- 333 -->
                <div class="wxguanjia-right">
                    <div class="wxguanjia-right-btn">加我微信</div>
                </div>
                <!-- 444 -->
                <div class="wxguanjia-close">
                    <i class="iconfont icon-guanbi"></i>
                </div>
            </div>
        </div>

        <!-- 页脚区域 -->
        <nav class="tabbar">
            <div class="tabbar-item1">
                <a href="./index.html" class="navigation">
                    <i class="iconfont icon-shouye"></i>
                    <p>首页</p>
                </a>
            </div>
            <div class="tabbar-item1">
                <a href="./zm.html" class="navigation">
                    <i class="iconfont icon-iconfontcategory"></i>
                    <p>分类</p>
                </a>
            </div>
            <div class="tabbar-item1">
                <a href="wen-shopping.html" class="navigation">
                    <i class="iconfont icon-gouwuche"></i>
                    <p>购物车</p>
                </a>
            </div>
            <div class="tabbar-item1 activv">
                <a href="wen-index.html" class="navigation">
                    <i class="iconfont icon-xiaolian"></i>
                    <p>我的</p>
                </a>
            </div>
        </nav>
    </section>
    <script src="./js/wen-index.js"></script>
</body>

</html>